.index{
	background: #f4f4f5;
	.wrap{
		width: 1380px;
		// height: 54px;
		margin: 0 auto;
	}
	.banner{
		margin-top: 66px;
		padding-top: 22px;
		.swiper-container{
	        margin: 0 auto;
	        width:1380px;
	        height:400px;
	    }
	    .swiper-pagination-bullet{
	        opacity: 1;
	        width: 12px;
	        height: 12px;
	        background: #fff;
	        border: 2px solid transparent;
	        border-radius: 50%;
	        transition: all .3s;
	    }
	    // .swiper-pagination-bullet:hover{
	    //     background: transparent;
	    //     border-color:#fff;
	    // }
	    .swiper-pagination-bullet-active{
	        background: transparent;
	        border-color:#fff;
	    }
	    .swiper-button-prev{
	    	left: 16px;
	    	opacity: 0;
	    	transition: all .2s ease-in;
	    }
	    .swiper-button-next{
	    	right: 16px;
	    	opacity: 0;
	    	transition: all .2s ease-in;
	    }
	    .swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next{
	    	opacity: 1
	    }
	}
	.works{
		.top{
			background: #fff;
			line-height: 60px;
			margin-top:20px;
			margin-bottom:20px;
			h3{
				font-size:22px;
				color:#333;
				padding-left:20px;
				font-weight: 300;
			}
			span{
				display:inline-block;
				line-height:24px;
				height:24px;
				padding: 0 12px;
				border-radius: 12px;
				background:#FF7630;
				color:#fff;
				font-size:16px;
				margin-left:15px;
			}
			.more{
				font-size:16px;
				color:#333;
				margin-right:30px;
			}
		}
		.list{
			padding-bottom:10px;
			ul{
				li{
					float:left;
					width:267px;
					height:210px;
					position:relative;
					margin-left:11.25px;
					margin-bottom:12px;
					// overflow: hidden;
					>img{
						display:267px;
						height: 210px;
					}
					>span{
						position:absolute;
						width:55px;
						height:36px;
						background: url('../img/icon_NO.png') no-repeat;
						color:#fff;
						font-size:14px;
						line-height:30px;
						padding-left:4px;
						top: 12px;
						left:-4px;
						z-index: 9
					}
					.pic{
						position:absolute;
						left: 0;
						width:100%;
						height:54px;
						bottom:0;
						background:rgba(255, 255, 255, .8);
						padding:0 10px;
						font-size:12px;
						transform:translate(0, 40%);
						opacity: 0;
						transition: all .2s ease-in-out;
						.tt{
							line-height:20px;
							margin-top:4px;
							.fr{
								color: #fff;
								display:inline-block;
								width:32px;
								line-height:20px;
								text-align:center;
								background:#FFA87C;
								border-radius:3px;
							}
						}
						.bb{
							margin-top:4px;
							line-height:20px;
							img{
								width:20px;
								height:20px;
								border-radius:50%;
								overflow: hidden;
							}
							.name{
								font-size:12px;
								margin-left:10px;
							}
							.fr{
								color:#666;
								font-size:12px;
							}
						}
					}
					.text{
						position: absolute;
						top:0;
						left:0;
						right:0;
						bottom:0;
						background: rgba(0,0,0,.6);
						padding: 16px 0 10px;
						// display: none;
						p{
							text-align:center;
							font-size:18px;
							color:#e6e5e5;
							margin-bottom:10px;
						}
						.inner{
							width: 207px;
							margin: 0 auto;
							overflow: hidden;
							.detail{
								width: 227px;
								font-size:14px;
								letter-spacing: 2px;
								color:#e6e5e5;
								line-height:24px;
								height:140px;
								text-align: justify;
								overflow-x: hidden;
								overflow-y:auto;
							}
						}
					}
				}
				li:nth-child(5n+1){
					margin-left:0
				}
			}
		}
		.paihang{
			background:#fff;
			padding: 24px 0;
			p{
				color:#333;
				font-size: 17px;
				margin-bottom:30px;
				padding-left:24px;
				span{
					display:inline-block;
					width:44px;
					height:22px;
					text-align:center;
					line-height:23px;
					// background:#FF7630;
					color:#333;
					font-size:14px;
					margin-left:20px;
				}
				span.active{
					background:#FF7630;
					border-radius: 4px 0 0 4px;
					color:#fff
				}
			}
			.lists{
				width:100%;
				li{
					width:86px;
					float:left;
					margin-left:36px;
					text-align:center;
					.img{
						width:86px;
						height:86px;
						border-radius:50%;
						position: relative;
						img{
							display:block;
							width:100%;
							height:100%;
							border-radius:4px;
						}
						img:hover{
							border: 1px solid #FF7630
						}
						.how{
							position: absolute;
							top:0;
							left: 0;
							transform:translate(-60%, -60%);
							width: 31px;
							height: 31px;
						}
					}
					span{
						font-size:14px;
						color:#666;
						padding-top:4px;
					}
				}
				.more{
					display:inline-block;
					width:86px;
					height:86px;
					color:#fff;
					background:#FF7630;
					margin-left:36px;
					text-align:center;
					padding-top:30px;
					border-radius:4px;
				}
			}
		}
		.adv{
			width:1380px;
			height:130px;
			margin-top:20px;
			img{
				display:block;
				width:100%;
				height:100%;
			}
		}
	}
}
.article{
	background: #f4f4f5;
	>.top{
		height:154px;
		background:rgba(255,255,255,1);
		margin-top: 66px;
		.wrap{
			width: 1200px;
			margin: 0 auto;
			.info{
				width: 850px;
				border-right: 1px solid #f2f2f2;
				h3{
					color: #333;
					font-size: 24px;
					margin-top: 26px;
					font-weight: 400;
					img{
						display: inline-block;
						width: 30px;
						margin-left: 28px;
						vertical-align: text-bottom;
					}
				}
				p{
					color: #999;
					font-size: 14px;
					margin: 18px 0;
					.fr{
						img{
							display: inline-block;
							vertical-align: text-bottom;
							margin-right: 2px;
						}
						span{
							font-size: 12px;
							color: #999;
							margin-right: 16px;
						}
					}
				}
			}
			.who{
				margin-left: 850px;
				height: 154px;
				.fl{
					width: 134px;
					height: 154px;
					img{
						display: block;
						width: 82px;
						height: 82px;
						border-radius: 50%;
						margin: 32px auto 0;
						border: 2px solid #FF7630;
					}
				}
				.name{
					margin-left: 134px;
					height: 154px;
					padding-left: 5px;
					h4{
						color: #000033;
						font-size: 20px;
						padding-top: 20px;
					}
					p{
						color: #999;
						font-size: 14px;
						margin-top: 8px;
					}
					div{
						margin-top: 16px;
						a{
							display: inline-block;
							width: 100px;
							height: 38px;
							color: #333;
							font-size: 16px;
							line-height: 38px;
							text-align: center;
							border: 1px solid #bbb;
							border-radius: 4px;
						}
						a:first-child{
							margin-right: 9px;
						}
						a.active{
							background: #FF7630;
							color: #fff;
							border: 0
						}
					}
				}
			}
		}
	}
	.main{
		margin-top: 12px;
		.wrap{
			width: 1200px;
			margin: 0 auto;
			.text{
				padding: 35px 60px;
				background: #fff;
				p{
					color: #333;
					font-size: 14px;
					margin: 28px 0;
				}
				img{
					max-width: 100%;
					display: block;
					margin: 40px auto;
				}
			}
			.bottom{
				overflow: hidden;
				background: #fff;
				.shang{
					text-align: center;
					img{
						display: inline-block;
						width: 77px;
						height: 77px;
					}
				}
				.btn{
					text-align: center;
					margin: 40px auto 34px;
					div{
						display: inline-block;
						margin:0 30px;
						i{
							font-size: 30px;
							color:#d5d5d5;
							margin-right: 4px;
							margin-top: 4px;
						}
						i:hover{
							color:#ff7630;
							cursor: pointer;
						}
						span{
							font-size: 12px;
							color:#333
						}
					}
					div:nth-child(1){
						margin-top: -4px;
						i{
							font-size: 36px;
							margin-top:0
						}
					}
					div:nth-child(3){
						i{
							font-size: 26px;
						}
					}
				}
				.fenxiang{
					padding: 0px 0 30px 65px;
					img{
						display: inline-block;
						vertical-align: middle;
						margin-left: 6px;
					}
				}
			}
		}
	}
	.commend{
		margin-top:20px;
		.wrap{
			width: 1200px;
			margin: 0 auto;
			.left{
				.tuijian{
					width: 916px;
					height: 220px;
					background: #fff;
					h3{
						font-size: 16px;
						color: #333;
						font-weight: 300;
						line-height: 60px;
						padding-left: 12px;
					}
					ul{
						li{
							float: left;
							width: 169px;
							height: 127px;
							margin-left: 11.83px;
							position: relative;
							img{
								display: block;
								width: 100%;
								height: 100%;
							}
							.mask{
								position: absolute;
								top:0;
								left: 0;
								right: 0;
								bottom: 0;
								background: rgba(0,0,0,.5);
								font-size: 14px;
								color: #fff;
								text-align: center;
								transition: all .16s ease-in;
								opacity: 0;
								p:nth-child(1){
									margin: 34px 0 14px;
								}
								p{
									img{
										display: inline-block;
										width: 36px;
										height: 36px;
										border-radius: 50%;
										margin-right: 8px;
										// vertical-align: center
									}
									span{
										display: inline-block;
										vertical-align: top;
										line-height: 34px;
									}
								}
							}
						}
						li:hover{
							.mask{
								opacity: 1
							}
						}
					}
				}
				.com{
					background: #fff;
					h3{
						font-size: 16px;
						color: #333;
						font-weight: 300;
						line-height: 60px;
						padding-left: 12px;
						margin-top:14px;
					}
					.com-box{
						width: 888px;
						margin: 0 auto;
						position: relative;
						input{
							display: block;
							width: 100%;
							height: 42px;
							line-height: 4px;
							background: #f4f4f4;
							padding-left: 10px;
							padding-right: 40px;
							font-size: 14px;
						}
						:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
						    color: #ccc; opacity:1; 
						}

						::-moz-placeholder { /* Mozilla Firefox 19+ */
						    color: #ccc;opacity:1;
						}

						input:-ms-input-placeholder{
						    color: #ccc;opacity:1;
						}

						input::-webkit-input-placeholder{
						    color: #ccc;opacity:1;
						}
						.submit{
							a{
								margin-top: 16px;
								float: right;
								width: 104px;
								line-height: 36px;
								text-align: center;
								color: #999;
								font-size: 14px;
								background: #f4f4f4;
								border-radius: 4px;
							}
						}
						#num{
							position: absolute;
							right: 14px;
							top: 10px;
						}
					}
					.lists{
						padding: 20px 0 0;
						>p{
							font-size: 14px;
							color: #333;
							margin-left: 30px;
							span{
								margin-left: 16px;
							}
						}
						.inner{
							li{
								padding: 25px 10px 20px 30px;
								border-bottom: 1px solid #e6e6e6;
								.avator{
									width: 70px;
									img{
										display: block;
										width: 52px;
										height: 52px;
										border-radius: 50%;
									}
								}
								.content{
									margin-left: 72px;
									.top{
										margin-bottom: 10px;
										span{
											color: #333;
											font-size: 14px;
										}
										span:nth-child(2){
											color: #999;
											font-size: 12px;
											margin-left: 16px;
										}
									}
									.mid{
										padding-bottom: 20px;
										line-height: 24px;
										p{
											font-size: 14px;
											color: #666;
										}
										.has-child{
											background: #f4f4f4;
											padding: 6px 20px 20px;
											margin-top: 30px;
											border-radius: 4px;
											position: relative;
											.name{
												color: #333;
												font-size: 16px;
												line-height: 40px;
											}
											.con{
												font-size: 14px;
												color: #666;
											}
										}
										.has-child:before{
											content: '';
											position: absolute;
											width:0;
											height:0;
											border-width:0 18px 18px;
											border-style:solid;
											border-color:transparent transparent #f4f4f4;
											top:-16px;
											left: 30px;
										}
									}
									.bottom{
										.btn{
											text-align: right;
											color: #cacaca;
											font-size: 15px;
											i{
												margin-left: 34px;
											}
											span{
												margin-left: 8px;
											}
											i:hover{
												color: #FF7630;
												cursor: pointer;
											}
										}
										.hidden{
											margin: 20px 0;
											display: none;
											.box{
												height: 40px;
												line-height: 40px;
												border-radius: 2px;
												border: 1px solid #e5e5e5;
												padding: 0 20px;
												.saytowho{
													color: #999;
													font-size: 14px;
													span{
														margin-right: 6px;
													}
												}
												.huifu{
													display: block;
													width: 620px;
													line-height: 38px;
													padding-left: 10px;
												}
											}
											.submit{
												a{
													margin-top: 16px;
													float: right;
													width: 104px;
													line-height: 36px;
													text-align: center;
													color: #999;
													font-size: 14px;
													background: #f4f4f4;
													border-radius: 4px;
												}
											}
										}
									}
								}
							}
						}
					}
					.more-pinglun{
						display: block;
						line-height: 66px;
						background: #fff;
						color: #ff7639;
						font-size: 16px;
						text-align: center;
					}
				}
			}
			.right{
				width: 273px;
				.about{
					height: 290px;
					background: #fff;
					overflow: hidden;
					text-align: center;
					img{
						display: block;
						width: 82px;
						height: 82px;
						border-radius: 50%;
						margin: 22px auto 0;
						border: 2px solid #FF7630;
					}
					p{
						font-size: 14px;
						color: #999;
						margin: 10px 0;
					}
					p.name{
						font-size: 20px;
						color: #000033;
						margin: 12px 0;
					}
					p{
						a{
							display: inline-block;
							width: 100px;
							height: 38px;
							color: #333;
							font-size: 16px;
							line-height: 38px;
							text-align: center;
							border: 1px solid #bbb;
							border-radius: 4px;
							margin: 0 10px;
						}
						a.active{
							background: #FF7630;
							color: #fff;
							border: 0
						}
					}
					.btn{
						margin-top: 24px;
					}
				}
				.type{
					margin-top: 14px;
					background: #fff;
					h3{
						line-height: 60px;
						color: #333;
						font-weight: 300;
						font-weight: 16px;
						padding-left: 20px;
						border-bottom: 1px solid #e6e6e6;
					}
					ul{
						padding: 20px 20px 4px;
						li{
							color: #fff;
							background: #ff7630;
							color: #fff;
							font-size: 14px;
							float: left;
							padding: 3px 12px;
							border-radius: 24px;
							margin-right: 20px;
							margin-bottom: 14px;
						}
					}
				}
			}
		}
	}
}
.recommend{
	background: #f4f4f5;
	border-top: 1px solid #fff;
	.wrap{
		width: 1200px;
		margin: 0 auto;
	}
	.type{
		margin-top: 86px;
		.wrap{
			background: #fff;
			padding-bottom: 10px;
			span{
			width: 108px;
			padding: 16px 0 0 20px;
			}
			.clearfix{
				margin-left: 110px;
				width: 980px;
				li{
					float: left;
					color: #333;
					font-size: 16px;
					padding:2px 8px;
					border-radius: 8px;
					margin-left: 20px;
					margin-top: 14px;
				}
			}
		}
	}
	.tab{
		text-align: center;
		background: #fff;
		a{
			display: inline-block;
			font-size: 22px;
			color: #333;
			margin: 0 38px;
			padding: 22px 0 20px;
		}
		.active{
			border-bottom: 2px solid #ff7630;
		}
	}
	.main{
		.loading{
			margin: 20px;
		}
	}
}
// 公用的4张图片布局
.list4{
	padding-bottom:10px;
	margin-top: 12px;
	>ul{
		li{
			float:left;
			width:291px;
			height:226px;
			position:relative;
			margin-left:12px;
			margin-bottom:14px;
			// overflow: hidden;
			border-radius: 8px;
			>img{
				display:block;
				width:291px;
				height:226px;
				border-radius: 8px;
			}
			>span{
				position:absolute;
				width:55px;
				height:36px;
				background: url('../img/icon_NO.png') no-repeat;
				color:#fff;
				font-size:14px;
				line-height:30px;
				padding-left:4px;
				top: 12px;
				left:-4px;
				z-index: 9
			}
			.pic{
				position:absolute;
				left: 0;
				width:100%;
				height:54px;
				bottom:0;
				background:rgba(255, 255, 255, .8);
				padding:0 10px;
				font-size:12px;
				transform:translate(0, 40%);
				opacity: 0;
				transition: all .2s ease-in-out;
				.tt{
					line-height:20px;
					margin-top:4px;
					.fr{
						color: #fff;
						display:inline-block;
						width:32px;
						line-height:20px;
						text-align:center;
						background:#FFA87C;
						border-radius:3px;
					}
				}
				.bb{
					margin-top:4px;
					line-height:20px;
					img{
						width:20px;
						height:20px;
						border-radius:50%;
						overflow: hidden;
					}
					.name{
						font-size:12px;
						margin-left:10px;
					}
					.fr{
						color:#666;
						font-size:12px;
					}
				}
			}
			.text{
				position: absolute;
				top:0;
				left:0;
				right:0;
				height: 226px;
				background: rgba(0,0,0,.6);
				padding: 16px 0 10px;
				border-radius: 8px 8px 0 0;
				// display: none;
				p{
					text-align:center;
					font-size:18px;
					color:#e6e5e5;
					margin-bottom:10px;
				}
				.inner{
					width: 227px;
					margin: 0 auto;
					overflow: hidden;
					.detail{
						width: 247px;
						font-size:14px;
						letter-spacing: 2px;
						color:#e6e5e5;
						line-height:24px;
						height:144px;
						text-align: justify;
						overflow-x: hidden;
						overflow-y:auto;
					}
				}
			}
		}
		li:nth-child(4n+1){
			margin-left:0
		}
	}
	.author{
		>li{
			background: #fff;
			float: none;
			padding: 30px;
			width: 100%;
			height: auto;
			margin: 0;
			border-bottom: 1px solid #e5e5e5;
			border-radius: 0;
			.fl{
				width: 300px;
				.img{
					float: left;
					img{
						display: block;
						width: 80px;
						height: 80px;
						border-radius: 50%;
					}
				}
				.info{
					margin-left: 104px;
					p{
						font-size: 14px;
						color: #999;
						margin-bottom: 8px;
					}
					p.name{
						font-size: 20px;
						color: #000033;
					}
					p.btn{
						margin-bottom: 0
					}
					p{
						a{
							display: inline-block;
							width: 100px;
							height: 36px;
							color: #333;
							font-size: 16px;
							line-height: 36px;
							text-align: center;
							border-radius: 4px;
							margin-top: 10px;
						}
						a.active{
							background: #FF7630;
							color: #fff;
							border: 0
						}
					}
				}
			}
			.fr{
				width: 750px;
				>ul{
					>li{
						float: left;
						width: 176px;
						height: 136px;
						margin: 0 0 0 10px;
						padding: 0;
						img{
							display: block;
							width: 100%;
							height: 100%
						}
					}
				}
			}
		}
	}
}
#drop{
	display: none;
}
.mine{
	ul{
		li{
			height: 280px;
			>img{
				border-radius: 8px 8px 0 0;
			}
			.pic{
				bottom: 54px;
				transform: translate(0, 100%);
				opacity: 0
			}
			.btn{
				position: absolute;
				width: 20px;
				height: 20px;
				line-height: 20px;
				text-align: center;
				border-radius: 4px;
				background: #fff;
				top: 14px;
				right: 14px;
				border: 1px solid #bbb;
				display: none;
				z-index: 9;
			}
			.check{
				background: #ff7630
			}
			.check:after{
				content: '\e60c';
				font-size: 20px;
				color: #fff
			}
			.control{
				height: 54px;
				line-height: 54px;
				background-color: #fff; 
				padding: 0 20px;
				a{
					color: #888;
					i{
						font-size: 24px;
					}
				}
				a:last-child{
					i{
						font-size: 26px
					}
				}
			}
		}
	}
}
.trm-none{
	transform: none!important;
	opacity: 1!important;
}
// 公用的4张图片布局
.space{
	background: #f4f4f5;
	border-top: 1px solid #fff;
	.main{
		width: 1200px;
		margin: 86px auto 0;
		.left{
			float: left;
			width: 300px;
			.info{
				height: 280px;
				background: #fff;
				overflow: hidden;
				text-align: center;
				padding: 0 36px;
				img{
					display: block;
					width: 60px;
					height: 60px;
					border-radius: 50%;
					margin: 22px auto 0;
					border: 2px solid #FF7630;
				}
				p{
					font-size: 14px;
					color: #999;
					margin: 10px 0;
				}
				p.name{
					font-size: 20px;
					color: #000033;
					margin: 12px 0;
				}
				.group{
					border-top: 1px solid #e6e6e6;
					margin-top: 20px;
					padding-top: 10px;
					a{
						line-height: 40px;
						width: 50%;
						float: left;
						font-size: 14px;
						color: #333;
					}
				}
			}
			.personal-work{
				margin-top: 14px;
				background: #fff;
				p{
					color: #333;
					font-size: 16px;
					line-height: 60px;
					padding-left: 20px;
					span{
						font-size: 14px;
						margin-left: 20px;
						display: inline;
						padding: 2px 6px;
					}
					span:first-child{
						background: #ff7630;
						color: #fff;
						border-radius: 6px 0 0 6px;
					}
				}
				ul{
					li{
						height: 110px;
						margin: 8px 0;
						padding-left: 24px;
						.img{
							position: relative;
							margin-top: 10px;
							img{
								display:block;
								width: 90px;
								height: 90px;
								border-radius: 50%;
							}
							span{
								position: absolute;
								width: 55px;
								height: 36px;
								background: url('../img/icon_NO.png') no-repeat;
								line-height: 30px;
								padding-left: 4px;
								font-size: 12px;
								color: #fff;
								top: -10px;
								left: -3px;
							}
						}
						.name{
							margin-left: 110px;
							font-size: 16px;
							line-height: 110px;
						}
					}
				}
				.see_more{
					line-height: 36px;
					display: block;
					font-size: 14px;
					text-align: center;
					color: #333;
					border-top: 1px solid #e5e5e5;
				}
			}
		}
		.right{
			width: 890px;
			.pic{
				padding:15px 15px 10px;
				background: #fff;
				#saytext{
					width: 100%;
					border:1px solid #d2d2d2;
					height:100px;
					padding: 10px;
				}
				.sub{
					text-align: right;
					line-height: 40px;
					margin: 6px 0;
					.fl{
						a{
							color: #333;
							font-size: 14px;
							margin-right: 20px;
							img{
								display: inline-block;
								vertical-align: text-bottom;
								margin-right: 10px;
							}
						}
						a:last-child{
							img{
								margin-top: -10px
							}
						}
					}
					.fr{
						width: 100px;
						line-height: 40px;
						color: #fff;
						background: #ff7630;
						text-align: center;
						border-radius: 4px;
					}
				}
				#pic-hiden{
					display: none;
				}
				p{
					font-size: 14px;
					padding:0px 0 20px;
				}
				ul.clearfix{
					margin-left: -25px;
					// padding-top: 16px;
					li{
						width: 107px;
						height: 107px;
						float: left;
						margin-left: 26px;
						margin-bottom: 16px;
						position: relative;
						img{
							display: block;
							width: 107px;
							height: 107px;
						}
						i{
							font-size: 24px;
							position: absolute;
							top: 0;
							right: 0;
							transform:translate(50%, -50%);
							cursor: pointer;
							background: #fff;
							border-radius: 50%
						}
					}
				}
				#space_addimg{
					float: left;
					width: 107px;
					height: 107px;
					margin-left: 30px;
					background: url('../img/icon_upload.png') no-repeat;
					background-position: 0px -120px;
					position: relative;
					input{
						position: absolute;
						width: 107px;
						height: 107px;
						opacity: 0
					}
				}
				#space_addimg:hover{
					background-position: 0px 0px;
				}
			}
		}
	}
}
// 文章，新闻，图片，详情
.detail{
	ul{
		>li{
			margin-top: 14px;
			background: #fff;
			position: relative;
			label{
				position: absolute;
				right: 16px;
				top:20px;
				span{
					display: inline-block;
					width: 50px;
					line-height: 24px;
					text-align: center;
					color: #999;
					font-size: 14px;
					border-radius: 4px;
					border: 1px solid #999;
					margin-right: 16px;
				}
			}
			.who{
				height: 64px;
				padding: 0 10px;
				img{
					display: inline-block;
					height: 40px;
					width: 40px;
					border-radius: 50%;
					vertical-align: middle;
				}
				span{
					font-size: 14px;
					line-height: 64px;
					margin-left: 18px;
				}
				span:last-child{
					color: #999;
					font-size: 12px;
				}
			}
			.xingqing{
				padding-top: 6px;
				p{
					color: #666;
					font-size: 14px;
					padding: 0 10px 10px;
					>img{
						display: inline-block;
						margin-right: 8px;
						vertical-align: middle;
					}
					.title{
						font-size: 16px;
						color: #333;
					}
					span{
						img{
							vertical-align: middle;
						}
					}
				}
			}
			.zuoping{
				.text{
					font-size: 14px;
					color: #666;
					padding: 0 18px;
					line-height: 28px;
					padding-bottom: 10px;
				}
			}
			.adv{
				height: 174px;
				padding: 0 15px;
				border-bottom: 20px solid #fff;
				img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}
			.xingqing-img{
				padding: 2px 4px 10px 15px;
				ul{
					li{
						width: 208px;
						height: 160px;
						float: left;
						margin-right: 9px;
						img{
							display: block;
							width: 100%;
							height: 100%;
						}
					}
				}
			}
			.type{
				padding: 0 0 12px 8px;
				span{
					display: inline-block;
					font-size: 14px;
					color: #fff;
					padding: 2px 8px;
					border-radius: 16px;
					background: #ff7630;
					margin-left: 10px;
				}
			}
			.ggg{
				padding:10px 0;
				border-top: 1px solid #e5e5e5;
				border-bottom: 1px solid #e5e5e5;
				a{
					display: block;
					float: left;
					width: 20%;
					text-align: center;
					color: #999;
					font-size: 12px;
					border-right: 1px solid #ccc;
					i{
						margin-right: 10px;
						display: inline-block;
					}
					span{
						display: inline-block;
						vertical-align: top;
					}
				}
				a:first-child{
				}
				a:last-child{
					border-right: 0
				}
				a:nth-child(4){
					i{
						font-size: 13px
					}
				}
				a.active{
					i{
						color: #ff7630
					}
				}
			}
			>.btn{
				text-align: right;
				color: #cacaca;
				font-size: 15px;
				padding: 16px 10px;
				i{
					margin-left: 34px;
				}
				span{
					margin-left: 8px;
				}
				i:hover{
					color: #FF7630;
					cursor: pointer;
				}
			}
			.hidden{
				display: none;
				.sya{
					padding: 10px 14px;
					margin: 10px 0px 20px;
					input{
						float: left;;
						width: 740px;
						line-height: 40px;
						border: 1px solid #e5e5e5;
						border-radius: 4px;
						padding-left: 10px;
						font-size: 16px;
					}
					a{
						float: right;
						width: 100px;
						text-align: center;
						line-height: 40px;
						color: #fff;
						background: #ff7630;
						font-size: 18px;
						border-radius: 4px;
					}
				}
				.inner{
					li{
						padding: 5px 10px 20px 10px;
						border-bottom: 1px solid #e6e6e6;
						.avator{
							width: 70px;
							img{
								display: block;
								width: 52px;
								height: 52px;
								border-radius: 50%;
							}
						}
						.content{
							margin-left: 72px;
							.top{
								margin-bottom: 10px;
								span{
									color: #333;
									font-size: 14px;
								}
								span:nth-child(2){
									color: #999;
									font-size: 12px;
									margin-left: 16px;
								}
							}
							.mid{
								padding-bottom: 14px;
								line-height: 24px;
								p{
									font-size: 14px;
									color: #666;
								}
								.has-child{
									background: #f4f4f4;
									padding: 6px 20px 14px;
									margin-top: 30px;
									border-radius: 4px;
									position: relative;
									.name{
										color: #333;
										font-size: 14px;
										line-height: 32px;
									}
									.con{
										font-size: 14px;
										color: #666;
									}
								}
								.has-child:before{
									content: '';
									position: absolute;
									width:0;
									height:0;
									border-width:0 18px 18px;
									border-style:solid;
									border-color:transparent transparent #f4f4f4;
									top:-16px;
									left: 30px;
								}
							}
							.bottom{
								.btn{
									text-align: right;
									color: #cacaca;
									font-size: 15px;
									i{
										margin-left: 34px;
									}
									span{
										margin-left: 8px;
									}
									i:hover{
										color: #FF7630;
										cursor: pointer;
									}
								}
								.hidden{
									margin: 20px 0;
									display: none;
									.box{
										height: 40px;
										line-height: 40px;
										border-radius: 2px;
										border: 1px solid #e5e5e5;
										padding: 0 20px;
										.saytowho{
											color: #999;
											font-size: 14px;
											span{
												margin-right: 6px;
											}
										}
										.huifu{
											display: block;
											width: 620px;
											line-height: 38px;
											padding-left: 10px;
										}
									}
									.submit{
										a{
											margin-top: 16px;
											float: right;
											width: 104px;
											line-height: 36px;
											text-align: center;
											color: #999;
											font-size: 14px;
											background: #f4f4f4;
											border-radius: 4px;
										}
									}
								}
							}
						}
					}
				}
				.see-xinqing{
					display: block;
					line-height: 50px;
					text-align: center;
					font-size: 16px;
					color: #ff7630;
				}
			}
		}
		li.help{
			.who{
				// background: #f5f5f5;
			}
			.xingqing{
				background: #e8e8e8;
			}
			.help-who{
				background: #fff;
				padding: 0 10px 10px;
				p{
					color: #333;
					font-size: 16px;
					span{
						color: #ff7630;
						margin: 0 10px;
					}
				}
				p:last-child{
					color: #666;
					font-size: 14px;
					margin-top: 10px;
				}
			}
		}
	}
}
// 文章，新闻，图片，详情
.homepage{
	background: #f4f4f5;
	.wrap{
		width: 1200px;
		margin: 0 auto;
	}
	.bg{
		height: 240px;
		background: url('../img/homepage_bg.jpg') no-repeat;
		background-size: 100% 100%;
		margin-top: 66px;
		padding-top: 120px;
		.fl{
			width: 90px;
			height: 90px;
			border-radius: 50%;
			border:2px solid #ade0de;
		}
		.img-after{
			margin-left: 108px;
			padding-top: 14px;
			p{
				color: #fff;
				font-size: 24px;
				.fr{
					width: 100px;
					line-height: 38px;
					text-align: center;
					color: #555;
					font-size: 16px;
					background: #fff;
					border-radius: 4px;
					margin-top: 8px;
				}
			}
			p.info{
				font-size: 18px;
				margin-top: 10px;
			}
			p[data-text]{
				position: relative;
			}
			p[data-text]::after {
			  content: attr(data-text);
			  z-index: 10;
			  color: #ff7630;
			  position: absolute;
			  top: 0;
			  left: 0;
			  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), to(rgba(0,0,0,.3)))
			}
		}
	}
	.main{
		margin-top: 20px;
		.left{
			width: 300px;
			.food{
				height: 160px;
				background: #fff;
				padding: 22px 0 22px 15px;
				border-bottom:1px solid #e6e6e6;
				.btn{
					line-height: 48px;
					a{
						width: 130px;
						background: #ff7630 url('../img/icon_toushi.png') no-repeat 10px center;
						color: #fff;
						font-size: 16px;
						display: inline-block;
						border-radius: 4px 4px 0 0;
						margin-right: 20px;
						padding-left: 50px;
					}
					span{
						font-size: #333;
					}
				}
				ul.clearfix{
					width: 100%;
					// overflow: hidden;
					margin-top: 22px;
					white-space: nowrap;
					position: relative;
					li{
						display: inline-block;
						position: relative;
						margin-left: 4px;
						img{
							width: 48px;
							height: 48px;
							border-radius: 50%;
							border:2px solid #fff
						}
					}
					.img{
						position: absolute;
						left: 2px;
						top:0;
						display: none;
						img{
							width: 48px;
							height: 48px;
							border-radius: 50%;
							border:2px solid #fff
						}
					}
					.ball{
						display: block;
						animation-name: ball;
						animation-duration: 1s;
						animation-fill-mode: both;
					}
					@keyframes ball {
					  0% {
					    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
					    transform: translate3d(0, -70px, 0) scale(.01); }
					  10% {
					    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
					    transform: translate3d(0, -70px, 0) scale(.1); }
					  40% {
					    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
					    transform: translate3d(0, 20px, 0) scale(.2); }
					  60% {
					    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
					    transform: translate3d(0, -30px, 0) scale(1.2); }
					  75% {
					    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
					    transform: translate3d(0, 0, 0) scale(1); }
					  85% {
					    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
					    transform: translate3d(0, -15px, 0); }
					  100% {
					    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
					    transform: translate3d(0, 0, 0); }
					}
				}
			}
			.jieshao{
				background: #fff;
				padding: 20px 15px;
				margin-top: 12px;
				border-radius: 4px 4px 0 0;
				p{
					color: #333;
					font-size: 14px;
				}
				p:nth-child(2){
					color: #ff7630;
					margin-top: 5px;
				}
				p:nth-child(3){
					color: #999;
					margin-top: 5px;
					line-height: 24px;
				}
			}
			.type{
				border-top:1px solid #e6e6e6;
				border-bottom:1px solid #e6e6e6;
				border-radius: 0 0 4px 4px;
				margin-top: 0;
				ul{
					margin-left: -12px;
					li{
						float: left;
						color: #fff;
						font-size: 14px;
						line-height: 22px;
						padding: 0 8px;
						border-radius: 11px;
						background: #ff7630;
						margin-left: 14px;
						margin-top: 10px;
					}
				}
			}
			.chengjiu{
				border-bottom:1px solid #e6e6e6;
				ul{
					margin-top: 10px;
					li{
						margin-top: 14px;
						.img-box{
							float: left;
							width: 58px;
							height: 58px;
							border: 1px solid #cacaca;
							border-radius: 4px;
							position: relative;
							img{
								position: absolute;
								top:50%;
								left: 50%;
								transform:translate(-50%, -50%)
							}
						}
						.after{
							margin-left: 70px;
							line-height: 58px;
						}
					}
				}
			}
			.fen{
				background: #fff;
				padding: 10px 30px 10px 0px;
				ul{
					li{
						line-height: 20px;
						padding-left: 40px;
						margin: 18px 0;
						a{
							color: #333;
							font-size: 16px;
						}
					}
					li.active{
						border-left: 4px solid #ff7630;
						padding-left: 36px;
					}
				}
			}
		}
		.right{
			width: 890px;
			float: right;
			.detail{
				>ul{
					>li{
						margin-top: 0;
						margin-bottom: 14px;
					}
				}
			}
		}
	}
	.foodbox{
		background: #fff;
		width: 670px;
		padding: 30px 18px 0;
		position: relative;
		border-radius: 8px;
		overflow: visible;
		display: none;
		.san{
			position: absolute;
			top: -20px;
			left: 61px;
			width: 0;
		    height: 0;
		    border-left: 20px solid transparent;
		    border-right: 20px solid transparent;
		    border-bottom: 20px solid #ff7630;
		    z-index: 999999999999;
		    b{
		    	position: absolute;
				top: 4px;
				left: -20px;
				width: 0;
			    height: 0;
			    border-left: 20px solid transparent;
			    border-right: 20px solid transparent;
			    border-bottom: 20px solid #fff;
		    }
		}
		ul{
			li{
				float: left;
				width: 80px;
				margin-left: 8px;
				text-align: center;
				cursor: pointer;
				.img{
					width: 100%;
					height: 80px;
					img{
						display: block;
						width: 100%;
						height: 100%;
					}
				}
				p{
					color: #333;
					font-size: 14px;
					margin-top: 8px;
				}
				.price{
					color: #ff7630;
					font-size: 16px;
				}
			}
			.active{
				.img{
					border: 2px solid #ff7630;
					border-radius: 6px;
				}
			}
		}
		.btn{
			text-align: center;
			margin-top: 16px;
			position: relative;
			line-height: 30px;
			>a{
				display: inline-block;
				width: 18px;
				height: 18px;
				border-radius: 2px;
				text-align: center;
				line-height: 18px;
				border: 1px solid  #CCB4A8;
				vertical-align: middle;
				i{
					color: #333;
				}
			}
			input{
				display: inline-block;
				width: 52px;
				height: 24px;
				border-radius: 2px;
				border: 1px solid  #CCB4A8;
				text-align: center;
				margin: 0 10px;
			}
			.balance{
				position: absolute;
				top:2px;
				right: 0;
				text-align: right;
				line-height: 28px;
				color: #7b7b7b;
				padding-right: 28px;
				font-size: 14px;
				span{
					margin: 0 10px;
				}
				a{
					display: inline-block;
					width: 18px;
					height: 24px;
					line-height: 24px;
					text-align: center;
					background: #ff7630;
					border-radius: 0 5px 5px 0;
					i{
						color: #fff;
						font-size: 12px;
						// line-height: 28px;
					}
				}
			}
		}
	}
}
.what-type{
	// width: 400px;
	background: #fff;
	overflow: hidden;
	display: none;
	input{
		padding-left: 10px;
	}
	ul{
		li{
			height: 50px;
			line-height: 50px;
			position: relative;
			.box{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				background: #fff;
				transition:all .2s ease-in;
				input{
					width: 200px;
					border: 1px solid #e5e5e5;
					line-height: 30px;
				}
				span{
					font-size: 17px;
					color: #444
				}
				.fr{
					a{
						font-size: 16px;
						color: #8e8e8e;
						margin-left: 20px;
					}
				}
			}
			.hide{
				transform: translate(100%, 0)
			}
		}
	}
	.add{
		line-height: 50px;
		margin-top: 10px;
		border-top: 1px dashed #e5e5e5;
		padding-top: 5px;
		input{
			width: 200px;
			border: 1px solid #e5e5e5;
			line-height: 30px;
		}
		.fr{
			a{
				font-size: 16px;
				color: #8e8e8e;
				margin-left: 20px;
			}
		}
	}
}
.home-nav{
	.inner{
		background: #fff;
		height: 60px;
		transition: all .2s ease-in;
		border-bottom: 1px solid #e6e6e6;
		ul{
			li{
				margin-left: 70px;
				float: left;
				height: 100%;
				a{
					color: #222;
					font-size: 16px;
					display: inline-block;
					height: 100%;
					line-height: 58px;
				}
			}
			li.active{
				a{
					border-bottom: 2px solid #ff7630;
				}
			}
			li:hover{
				a{
					border-bottom: 2px solid #ff7630;
				}
			}
			li:first-child{
				margin-left: 0
			}
		}
	}
	.home-navfix{
		position: fixed;
		z-index: 999;
		width: 100%;
		left: 0px;
		top: 66px;
		height: 40px;
		box-shadow: 0 0px 9px rgba(0, 0, 0,.4);
		ul{
			li{
				height: 100%;
				a{
					line-height: 38px;
					font-size: 15px;
				}
			}
		}
	}
}
.otherpro .main{
	margin-top: 12px;
}
.otherpro{
	.type{
		line-height: 22px;
		padding: 20px 20px 10px;
		background: #fff;
		border-radius: 4px;
		>.clearfix{
			label{
				float: left;
			}
			ul.clearfix{
				margin-left: 70px;
				float: left;
				li{
					float: left;
					margin-left: 20px;
					a{
						display: inline-block;
						padding: 0 12px;
						border-radius: 12px;
						color: #333;
						font-size: 16px;
					}
				}
				li.active{
					a{
						background: #ff7630;
						color: #fff;
					}
				}
			}
			.control{
				width: 210px;
				a{
					display: inline-block;
					width: 80px;
					text-align: center;
					color: #999;
					font-size: 14px;
					border: 1px solid #999;
					border-radius: 4px;
					padding: 3px 0;
					margin-left: 20px;
				}
			}
		}
		p{
			color: #343434;
			margin-top: 10px;
			font-size: 14px;
		}
	}
}
.search{
	.main{
		margin-top: 66px;
		border-top: 1px solid #f4f4f5;
		.main-search{
			width: 600px;
			height: 46px;
			line-height: 46px;
			margin: 50px auto;
			// background: #fff;
			input{
				width: 496px;
				float: left;
				height: 46px;
				padding-left: 10px;
				border: 1px solid #c3c3c3;
				border-right: none;
				font-size: 16px;
			}
			a{
				float: left;
				width: 100px;
				background: #ff7630;
				color: #fff;
				font-size: 16px;
				text-align: center;
			}
		}
		.choose{
			height: 76px;
			background: #fff;
			margin-bottom: 20px;
			padding: 0 40px 0 20px;
			>ul{
				float: left;
				li{
					float: left;
					margin-left: 30px;
					a{
						color: #333;
						font-size: 21px;
						line-height: 76px;
						padding: 0 8px;
					}
				}
				.active{
					border-bottom: 2px solid #ff7630;
					height: 75px;
				}
			}
		}
	}
}